<template>
  <!-- 物流信息 -->
  <view class="container">
    <view class="wrapper">
      <view
        class="deliveryInfo"
        style="background:url(http://jiales.gz-yami.com/delivery-bg.png) center center no-repeat #fff;"
      >
        <view
          class="icon-express"
          style="background:url(http://jiales.gz-yami.com/delivery-car.png) no-repeat;background-size:100% 100%;"
        />
        <view class="infoWarp">
          <view class="companyname">
            <text class="key">
              物流公司：
            </text>
            <text class="value">
              {{ companyName }}
            </text>
          </view>
          <view class="expno">
            <text class="key">
              运单编号：
            </text>
            <text class="value">
              {{ kdNo }}
            </text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
const companyName = ref('')
const kdNo = ref('')
/**
 * 生命周期函数--监听页面加载
 */
onLoad((options) => {
  const [name, no] = options.kdno?.split(',') ?? []
  companyName.value = name  ?? ""
  kdNo.value = no ?? ""
})
</script>

<style scoped lang="scss">
@use './express-delivery.scss';
</style>
